<template>
  <div class="detailMain">
    <div class="birefBox">{{ modelInfo.description }}</div>
    <div class="contentBox" v-html="modelInfo.richText"></div>
  </div>
</template>
<script>
export default {
  name: '',
  props: {
    modelInfo: {
      type: Object,
      default: () => {}
    }
  },
  components: {},
  data() {
    return {
      // form:this.modelInfo,
    }
  },
  computed: {},
  watch: {},
  created() {
  },
  mounted() {
  },
  methods: {},
}
</script>
<style lang="scss" scoped>
.detailMain {
  padding-top: 25px;

  .birefBox {
    background-color: #F5F8F4;
    padding: 20px;
    margin-bottom: 30px;
    color: #333333;
    border-radius: 4px;
    font-size: 14px;
    line-height: 22px;
    text-indent: 2em;
  }
}
</style>
